<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>白菜价-淘宝内部券</title>
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/baicaijia.css">
</head>

<body>
  <div class="mm-layout" id="aa">
    <!-- 头部 -->
    <div class="mm-header">
      <div class="hd-logo">
        <h4>
          白菜价-淘宝内部券
        </h4>
        <a href="#" class="hd-app">
          <img src="./images/header_app.png" alt="">
        </a>
      </div>
    </div>

    <!-- 主体 -->
    <div class="mm-main">
      <div class="nav clearfix">
        <ul class="tab">
          <li>
            <a href="#" class="nav-a">全部</a>
          </li>
          <li>
            <a href="#">热销</a>
          </li>
          <li>
            <a href="#">9块包邮</a>
          </li>
          <li>
            <a href="#">19块包邮</a>
          </li>
          <li>
            <a href="#">数码家电</a>
          </li>
          <li>
            <a href="#">居家</a>
          </li>
          <li>
            <a href="#">美食</a>
          </li>
          <li>
            <a href="#">男装</a>
          </li>
          <li>
            <a href="#">女装</a>
          </li>
          <li>
            <a href="#">鞋包配饰</a>
          </li>
          <li>
            <a href="#">文体</a>
          </li>
          <li>
            <a href="#">母婴</a>
          </li>
          <li>
            <a href="#">美妆</a>
          </li>
          </li>
        </ul>
        <div class="wd"></div>
      </div>

      <!-- 内容 -->
      <div class="content">
        <ul>
          <li>
            <!-- 图片 -->
            <a href="#" class="a-img clearfix fl">
              <div class="pic">
                <img src="http://seller.manmanbuy.com/ProPic/2016100009230957088.jpg">
              </div>
            </a>

            <div class="txt fl">
      
              <a href="#" class="txt-a clearfix">
                <div>
                  <p><span class="b">[包邮]</span>双十一红包 今日开启</p>
                  <p>
                    <em>¥</em>0.0<del>¥0</del>
                  </p>
                </div>
              </a>

              <div class="jdt">
                <div class="bar clearfix">
                  <a href="#" class="clearfix"></a>
                  <a href="http://shop.m.taobao.com/shop/coupon.htm?activityId=27a14c9fc6bb4a48b917d567fcf8f664&amp;sellerId=2246833798"
                    class="goquan" target="_blank"></a>
                  <i>
                    <em style="width:1%;"></em>
                    <span>1%</span>
                  </i>
                  <b>已领82张</b>
                </div>

              </div>

              <div class="dian">
                <div class="fl">
                  <a href="http://shop.m.taobao.com/shop/coupon.htm?activityId=27a14c9fc6bb4a48b917d567fcf8f664&amp;sellerId=2246833798"
                    target="_blank">
                    点此领15元优惠券</a>
                </div>
                <div class="fr">
                  <a biz-itemid="56297410_8818824_54778388" isconvert="1" href="http://s.click.taobao.com/3HlIdQx"
                    target="_blank">
                    下单链接</a>
                </div>
              </div>
              
            </div>

          </li>

        </ul>
      </div>
    </div>

    <!-- 底部 -->
    <div class="mm-footer">
      <div class="foot-top">
        <a href="#">登录</a>
        <a href="#">注册</a>
        <a href="#aa" class="upward"><img src="./images/top.jpg" alt="">返回顶部</a>
      </div>
      <div class="foot-bottom">
        <p>
          <a href="#">手机APP下载</a>
          <span>慢慢买手机版</span>
          -- 掌上比价平台
        </p>
        <p>m.manmanbuy.com</p>
      </div>
    </div>

  </div>


  <!-- 商品详情 -->
  <script type="text/html" id="tmp">
    <ul>
    {{ each result v i }} 
      <li>
      {{ if v.titleId == 0  }}
        <a href="#" data-id={{ v.titleId }}  class="nav-a">{{ v.title }}</a>
      {{ else }}
         <a href="#" data-id={{ v.titleId}}>{{ v.title }}</a>
      {{ /if }} 
      </li>
    {{ /each }}
  </ul>
  </script>


  <!-- 	"titleId": "标题id",
		"productId": "商品id",
		"productName": "商品名称",
		"productPrice": "商品价格",
		"productImg": "商品图片",
		"productCoupon": "点击领取优惠券",
		"productHref": "下单链接",
		"productCouponRemain": "已领数量" -->
  <script type="text/html" id="tmp-content">
    <ul>
      {{ each result v i }}
      <li>
      <a href="#" class="a-img clearfix fl">
        <div class="pic">
          {{@ v.productImg }}
        </div>
      </a>

      <div class="txt fl">

        <a href="#" class="txt-a clearfix">
          <div>
            <p>{{@ v.productName  }}</p>
            <p> {{@ v.productPrice }} </p>
          </div>
        </a>

        <div class="jdt">
          {{@ v.productCouponRemain }}

        </div>

        <div class="dian">
          <div class="fl">
            {{@ v.productCoupon  }}
          <div class="fr">
            {{@ v.productHref }}
          </div>
        </div>
        
      </div>
    </li>
      {{ /each }}
    </ul>
  
  </script>

  <script src="./lib/artTemplate/template-web.js"></script>
  <script src="./lib/jquery/jquery.min.js"></script>
  <script src="./js/common.js"></script>
  <script src="./js/baicaijia.js"></script>
</body>

</html>